<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--页面中对静态资源的引用以下为例-->
		<link rel="stylesheet" href="../../layui/css/layui.css">
		<link rel="stylesheet" href="../../layui/css/layui.icon.css" />
		<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
		<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
	</head>

	<body>
		<form id="inputForm" class="layui-form" action="" style="padding-top:10px;margin-right: 80px;">
			<div class="layui-form-item">
				<label class="layui-form-label">类型</label>
				<div class="layui-input-block">
					<select name="Category" lay-verify="required">
						<option value="db" selected="selected">数据对象</option>
						<option value="logic">业务流程</option>
						<option value="ui">UI视图</option>
						<option value="normal">普通文本</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">文件名</label>
				<div class="layui-input-block">
					<input type="text" name="Name" required lay-verify="required" placeholder="请输入文件名" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">组</label>
				<div class="layui-input-block">
					<input type="text" name="Group" required lay-verify="required" placeholder="请输入组" autocomplete="off" class="layui-input">
				</div>
			</div>
			
		</form>
	</body>
	<script src="../../layui/layui.js"></script>
	<script>
		layui.use("form", function(){

		});
		
		function getForm(){
			var data = {};
			$("form select").each(function(){
				data[$(this).attr("name")] = $(this).val();
			});
			$("form input").each(function(){
				data[$(this).attr("name")] = $(this).val();
			});
			
			return data;
		}
	</script>

</html>